const path = require('path');
const config = {
  projectName: 'taro-design',
  date: '2019-7-31',
  designWidth: 750,
  deviceRatio: {
    '640': 2.34 / 2,
    '750': 1,
    '828': 1.81 / 2
  },
  sourceRoot: 'src',
  outputRoot: 'dist',
  babel: {
    sourceMap: true,
    presets: [['env', { modules: false }]],
    plugins: [
      'transform-decorators-legacy',
      'transform-class-properties',
      'transform-object-rest-spread',
      ['transform-runtime', {
        "helpers": false,
        "polyfill": false,
        "regenerator": true,
        "moduleName": 'babel-runtime'
      }]
    ]
  },
  defineConstants: {},
  copy: {
    patterns: [],
    options: {
      ignore: ['*.js', '*.html', '*.css']
    }
  },
  alias: {
    '~': path.join(__dirname, '../', 'src')
  },
  mini: {
    webpackChain(chain, webpack) { },
    cssLoaderOption: {
    },
    lessLoaderOption: {
      javascriptEnabled: true,
      paths: [
        path.join(__dirname, "../src/modules"),
        path.join(__dirname, "../node_modules")
      ]
    },
    imageUrlLoaderOption: {
      limit: 100240
    },
    postcss: {
      autoprefixer: {
        enable: true,
        config: {
          browsers: [
            'last 3 versions',
            'Android >= 4.1',
            'ios >= 8'
          ]
        }
      },
      pxtransform: {
        enable: false,
        config: {

        }
      },
      url: {
        enable: true,
        config: {
          limit: 100240 // 设定转换尺寸上限
        }
      },
      cssModules: {
        enable: true, // 默认为 false，如需使用 css modules 功能，则设为 true
        config: {
          namingPattern: 'module', // 转换模式，取值为 global/module
          generateScopedName: '[name]__[local]___[hash:base64:5]'
        }
      }
    }
  },
  h5: {
    publicPath: '/',
    staticDirectory: 'static',
    webpackChain(chain, webpack) { },
    lessLoaderOption: {
      javascriptEnabled: true,
      paths: [
        path.join(__dirname, "../src/modules"),
        path.join(__dirname, "../node_modules")
      ]
    },
    imageUrlLoaderOption: {
      limit: 100240
    },
    postcss: {
      autoprefixer: {
        enable: true,
        config: {
          browsers: [
            'last 3 versions',
            'Android >= 4.1',
            'ios >= 8'
          ]
        }
      },
      pxtransform: {
        enable: false,
        config: {

        }
      },
      cssModules: {
        enable: true, // 默认为 false，如需使用 css modules 功能，则设为 true
        config: {
          namingPattern: 'module', // 转换模式，取值为 global/module
          generateScopedName: '[name]__[local]___[hash:base64:5]'
        }
      }
    }
  },
  deviceRatio: {
    '750': 1 / 2,
    '375': 1
  }
}

module.exports = function (merge) {
  if (process.env.NODE_ENV === 'development') {
    return merge({}, config, require('./dev'))
  }
  return merge({}, config, require('./prod'))
}
